<template>
    <div>
        <div class="nothing" :style="{left,top}">
            <img src="./nothing.png" alt="">
            <p>暂无数据</p>   
        </div>
    </div>
</template>
<script>
export default {
  props: {
    left: {
      type: String,
      default: "50%"
    },
    top: {
      type: String,
      default: "50%"
    }
  }
};
</script>
<style scoped>
.nothing {
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.3rem;
  color: #666;
  text-align: center;
}

.nothing img {
  display: block;
  width: 3.02rem;
  height: 2.76rem;
}
</style>
